/**
 * 菜单管理样式
 * @author xiaoxujs
 */

import styled from "styled-components";
import leftJiantouTitle from '../../../assets/image/ConfigManagement/left_jiantou_title.png'
import rightJiantouTitle from '../../../assets/image/ConfigManagement/right_jiantou_title.png'


export const MenuPageBox = styled.div`

`

export const MenuPageHeaderBox = styled.div`
    height: 6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 3rem;
    .left{
        display: flex;
        align-items: center;
        font-weight: 500;
        font-size: 1.8rem;
        color: #87B9DE;
        .left_left_jiantou{
            width: 14px;
            height: 20px;
            background: url(${leftJiantouTitle});
            background-size: 100% 100%;
            margin-right: 1rem;

        }
        .left_right_jiantou{
            width: 14px;
            height: 20px;
            background: url(${rightJiantouTitle});
            background-size: 100% 100%;
            margin-left: 1rem;

        }

    }
`
export const MenuPageListBox = styled.div`
    padding: 0 3rem;
`
